<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>趣寻网</title>
	<link href="css/bootstrap.min.css" rel="stylesheet">
  </head>

  <body style="background-color: #eee;">
  	<div class="container-fluid" style="padding: 0px;">
	    <div class="media" style="background-color: #8c7fee; height: 100px;">
		  <div class="media-left" style="padding: 10px 10px;">
		    <a href="">
		      <img class="media-object img-circle" src="img/main_109352.jpg" alt="..." style="height: 80px;width: 80px;">
		    </a>
		  </div>
		  <div class="media-body">
				<p style="margin-top: 20px;"><b>昵称：</b> **** </p>
		  </div>
		</div>
		
		<div class="row" style="margin-top: 10px;">
			<div class="col-sm-12 col-md-4">
				<div class="list-group">
					<a href="#" class="list-group-item"><span class="glyphicon glyphicon-info-sign"></span> &nbsp;账户信息</a>
					<div class="list-group" style="margin-bottom:0px;">
						<a href="mine.html" class="list-group-item" style="padding-left: 40px;">信息管理</a>
						<a href="my_password.html" class="list-group-item" style="padding-left: 40px;">重置密码</a>
					</div>
					<a href="#" class="list-group-item"> <span class="glyphicon glyphicon-shopping-cart"></span>&nbsp;我的订单 </a>
					<div class="list-group" style="margin-bottom:0px;display: none;">
						<a href="myorder.html#" class="list-group-item" style="padding-left: 40px;">待付款</a>
						<a href="myorder.html#" class="list-group-item" style="padding-left: 40px;">保障中</a>
					</div>
					<a href="#" class="list-group-item"><span class="glyphicon glyphicon-question-sign"></span>&nbsp;服务指南 </a>
					<div class="list-group" style="margin-bottom:0px;display: none;">
						<a href="help.html" class="list-group-item" style="padding-left: 40px;">理赔指引</a>
						<a href="help.html" class="list-group-item" style="padding-left: 40px;">保单查询</a>
					</div>
				</div>
			</div>

			<div class="col-sm-12 col-md-8">
				<div class="panel panel-default">
				  	<div class="panel-body">
				    	<ol class="breadcrumb">
							<li><a href="#">账户信息</a></li>
							<li class="active"><a href="#">重置密码</a></li>
						</ol>
						<form action="" class="form-horizontal">
							<div class="form-group" style="margin-bottom:5px;">
								<div class="control-label col-xs-5" style="padding:15px 0px 0px 20px;">原始密码：</div>
								<div class="control-label col-xs-7">
									<input type="password" class="form-control" style="border:0px;border-bottom:#eee 1px solid;" name="username">
								</div>
							</div>

							<div class="form-group" style="margin-bottom:5px;">
								<div class="control-label col-xs-5" style="padding:15px 0px 0px 20px;">新密码：</div>
								<div class="control-label col-xs-7">
									<input type="password" class="form-control" style="border:0px;border-bottom:#eee 1px solid;" name="username">
								</div>
							</div>

							<div class="form-group" style="margin-bottom:5px;">
								<div class="control-label col-xs-5" style="padding:15px 0px 0px 20px;">再输一次：</div>
								<div class="control-label col-xs-7">
									<input type="password" class="form-control" style="border:0px;border-bottom:#eee 1px solid;" name="username">
								</div>
							</div>

							<div class="form-group" style="margin-bottom:5px;">
								<div class="control-label col-xs-5" style="padding:15px 0px 0px 20px;"></div>
								<div class="control-label col-xs-7">
									<button type="button" class="btn btn-info">确认修改</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		

		

		<nav class="navbar navbar-default navbar-fixed-bottom" style="padding: 10px 0px;">
		    <div class="navbar-inner navbar-content-center">
		    	<div class="row">
		        	<div class="col-xs-4">
		        		<a href="index.html" class="btn btn-block" role="button"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span></a>
		        	</div>
		        	<div class="col-xs-4">
		        		<a href="" class="btn btn-block active" role="button"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a>
		        	</div>
		        	<div class="col-xs-4">
		        		<a href="mine.html" class="btn btn-block" role="button"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></a>
		        	</div>
		        </div>
		    </div>
		</nav>
	</div>
	<!-- 列表页 -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
    	$(function(){
    		$("a.list-group-item").on("click",function(e){
    			var target = $(this).next();
    			$(target[0]).toggle();
    		})
    	})
    </script>
  </body>
</html>